<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head th:include="/include/commonHeader::commonHeader('代码类型新增')"></head>
<body>
<div class="wrapper wrapper-content">
    <div class="col-sm-12">
        <form class="form-horizontal m-t" id="exampleForm">
            <input id="parentCode" name="parentCode" th:value="${code.parentCode}" type="hidden">
            <input id="moduleFlag" name="moduleFlag" th:value="${code.moduleFlag}" type="hidden">
            <div class="form-group">
                <div class="col-xs-3 form-label-v">
                    <label><font style="color:red;">*</font>代码：</label>
                </div>
                <div class="col-xs-8">
                    <input id="cCode" name="cCode" th:value="${code.cCode}" class="form-control" type="text">
                </div>
            </div>
            <div class="form-group">
                <div class="col-xs-3 form-label-v">
                    <label><font style="color:red;">*</font>名称：</label>
                </div>
                <div class="col-xs-8">
                    <input id="cName" name="cName" th:value="${code.cName}" class="form-control" type="text">
                </div>
            </div>
            <div class="form-group">
                <div class="col-xs-3 form-label-v">
                    <label><font style="color:red;">*</font>顺序：</label>
                </div>
                <div class="col-xs-8">
                    <input id="idx" name="idx" th:value="${code.idx}" class="form-control" type="text">
                </div>
            </div>
            <div class="form-group">
                <div class="col-xs-3 form-label-v">
                    <label><font style="color:red;">*</font>备注：</label>
                </div>
                <div class="col-xs-8">
                    <input id="remark" name="remark" th:value="${code.remark}" class="form-control" type="text">
                </div>
            </div>
            <div class="form-group">
                <div class="col-xs-3 form-label-v">
                    <label>更新人：</label>
                </div>
                <div class="col-xs-8">
                    <input id="updateBy" name="updateBy" th:value="${code.updateByName}" class="form-control"
                           type="text">
                </div>
            </div>
            <div class="form-group">
                <div class="col-xs-3 form-label-v">
                    <label>更新时间：</label>
                </div>
                <div class="col-xs-8">
                    <input id="updateTime" name="updateTime" th:value="${code.updateTime}" class="form-control"
                           type="text">
                </div>
            </div>
            <div class="form-group">
                <div class="text-center">
                    <button id="btn_save" onclick="save()" type="button" class="btn btn-primary">提交</button>
                </div>
            </div>
        </form>
    </div>
</div>
<script src="/plugins/bootstrapValidator/js/bootstrapValidator.min.js"></script>
<script src="/plugins/bootstrapValidator/js/language/zh_CN.js"></script>
<!-- 自定义js -->
<script th:inline="javascript">
    var prefix = "/code";
    var isReadonly = "[[${isReadonly}]]";//页面是否只能查看
    $(function () {
        if (isReadonly === "1") {
            readonlyInput();
        } else {
            initValidator();
        }
    });

    //禁用所有输入框
    function readonlyInput() {
        $("#exampleForm").find("input,textarea,checkbox,radio").attr("readonly", true);
        $("#exampleForm").find("select").prop("disabled", true);
        $("#btn_save").hide();//隐藏操作按钮
    }

    //保存
    function save() {
        $("#exampleForm").data('bootstrapValidator').validate();//触发一次所有的验证
        if (!$("#exampleForm").data('bootstrapValidator').isValid()) {//判断验证是否已经通过
            return;
        }
        console.log($("#moduleFlag").val());
        $.ajax({
            cache: true,
            type: "POST",
            url: prefix + "/update.do",
            data: $('#exampleForm').serialize(),
            async: false,
            error: function (request) {
                parent.layer.alert("Connection error");
            },
            success: function (data) {
                if (data.code == 0) {
                    parent.layer.msg("操作成功");
                    parent.reload();
                    var index = parent.layer.getFrameIndex(window.name); // 获取窗口索引
                    parent.layer.close(index);
                } else {
                    parent.layer.alert(data.msg)
                }
            }
        });
    }

    //初始化验证规则
    function initValidator() {
        $('#exampleForm').bootstrapValidator({
            message: 'This value is not valid',
            feedbackIcons: {
                valid: 'glyphicon glyphicon-ok',
                invalid: 'glyphicon glyphicon-remove',
                validating: 'glyphicon glyphicon-refresh'
            },
            fields: {
                username: {
                    message: 'The value is not valid',
                    validators: {
                        notEmpty: {
                            message: '此项不能为空'
                        }
                    }
                }
            }
        });
    }
</script>
</body>
</html>
